<template>
    <div class="nearby">
        <h3 class="nearby_title">附近店铺</h3>
        <RouterLink :to="{ path: '/shop', query: { i: i } }" v-for="shopInfo, i in list" :key="shopInfo.id">
            <Inshop :shopInfo='shopInfo'></Inshop>
        </RouterLink>
    </div>
</template>
<script setup>
import useShopStore from '../../stores/shop.js'
import Inshop from '@/components/Inshop.vue';
const list = useShopStore().nearByList

</script>

<style lang="scss" scoped>
@import '@/style/viriables.scss';

.nearby {
    &_title {
        margin: .16rem 0;
        font-size: .18rem;
        font-family: PingFangSC-Medium;
        font-weight: normal;
        line-height: .25rem;
        color: $content_fontcolor;
    }

    a {
        text-decoration: none;
    }
}
</style>